define([], function() {
    class jp {
        constructor() {
            this.sid = location.search.substring(1).split('=');
        }
        init() {
                // console.log(1)
                // $(this).xr()
                this.xr();
                // this.thumbnails()
                this.select();
                this.joins();
            }
            // ------------------------------------------------
            //渲染
        xr() {
                // this.sid = location.search.substring(1).split('=');
                // console.log(this.sid)
                $.ajax({
                    url: 'http://localhost/juanpi/php/getsid.php',
                    data: {
                        sid: this.sid[1]
                    },
                    dataType: 'json'
                }).done((data) => {
                    // console.log(data);
                    $('.pic img').attr({ src: '' + data.url + '' });
                    $('.way a').eq(2).html(data.subtitle);
                    $('.conTltle').html(data.title);
                    $('.now').html('￥:' + data.presentprice);
                    $('.original').html('参考价￥:' + data.originalprice);
                    $('.storeImg img').attr({ src: '' + data.storeimg + '' });
                    $('.storeName').html(data.store);
                    // ------------------------------------------------------
                    // 小图渲染
                    let $arrurl = data.piclisturl.split(',');
                    // console.log($arrurl)
                    let str = '';
                    $.each($arrurl, function(index, value) {
                        str += `
                    <li><img src="${value}" alt=""></li>
                    `
                            // console.log(value)
                    })
                    $('.left ul').html(str)
                        // ------------------------------------
                        //小图切换调用
                    this.thumbnails()

                })


            }
            // -----------------------------------------------------------
            //小图切换
        thumbnails() {
                $('.left ul li img').on('mouseover', function() {
                    // console.log(this)
                    $('.pic img').attr({ src: '' + $(this).attr('src') + '' });
                })
            }
            // ------------------------------------
            // 选择商品类型信息和配送地址
        select() {
            //展开地址选择
            $('.icon-ico_arrows_unfold').on('click', function() {
                    // console.log($('.city'))
                    $('.city').css({ 'display': 'block' })
                })
                //选择城市
            $('.city a').on('click', function() {
                $('.dizhi').html($(this).html())
                $('.city').css({ 'display': 'none' })
            });
            //选择颜色
            $('.colour li').on('click', function() {
                $(this).addClass('colorStyle').siblings('.colour li').removeClass();
                // console.log(1)
            });
            //选择尺码
            $('.comSize  li').on('click', function() {
                $(this).addClass('sizeStyle').siblings('.comSize  li').removeClass();
                // console.log(1)
            });
            //数量
            $('.number input').on('change', function() {
                let str = /\D/g;
                if (str.test($('.number input').val())) {
                    $('.number input').val('');
                }

            })
            $('.plus').on('click', function() {
                let num = $('.number input').val();
                num++;
                // console.log(num)
                $('.number input').val(num);
            })
            $('.minus').on('click', function() {
                let num = $('.number input').val();
                if (num > 0) {
                    num--;
                }
                // console.log(num)
                $('.number input').val(num);
            })
        };
        // ------------------------------
        //点击加入购物车
        joins() {
            // console.log($.cookie());
            // $.cookie('cookiesid', 'value', { expires: 7, path: '/' });
            // console.log($.cookie('cookiesid'));
            // let sid = location.search.substring(1).split('=');
            let cookiesid = [];
            let cookieobj = [];
            let colors = ''; //颜色
            let sizes = ''; //尺码
            // 获取是哪个颜色
            $('.colour li').on('click', function() {
                if ($(this).hasClass("colorStyle")) {
                    colors = $(this).html()
                        // console.log(colors)
                }
            });
            //获取尺码
            $('.comSize  li').on('click', function() {
                if ($(this).hasClass("sizeStyle")) {
                    sizes = $(this).html()
                }
            });
            //加入购物车
            $('.joins').on('click', () => {
                alert('添加成功')
                let $num = parseInt($('.number input').val());
                // console.log($num)
                // 判断是否存在
                if ($.cookie('cookiesid') && $.cookie('cookieobj')) {
                    cookiesid = $.cookie('cookiesid').split(',');
                    cookieobj = JSON.parse($.cookie('cookieobj'));
                    // console.log(cookieobj)
                };
                //判断是否是第一次添加
                if ($.inArray(this.sid[1], cookiesid) === -1) {
                    // console.log(1)
                    cookiesid.push(this.sid[1]);
                    cookieobj.push({
                        [`${colors}+${sizes}`]: $num
                    });
                    $.cookie('cookiesid', `${cookiesid.toString()}`, { expires: 7, path: '/' });
                    $.cookie('cookieobj', `${JSON.stringify(cookieobj)}`, { expires: 7, path: '/' });
                    // console.log(JSON.stringify(cookieobj))
                } else {
                    let poi = cookiesid.indexOf(this.sid[1]);
                    let sign = true;
                    // console.log(cookieobj[poi]);
                    $.each(cookieobj[poi], function(index, value) {
                        // console.log(index);
                        if (index === `${colors}+${sizes}`) {
                            sign = false;
                            // let num2 = parseInt(cookieobj[poi][`${colors}+${sizes}`]);
                            // console.log(num2)
                            cookieobj[poi][`${colors}+${sizes}`] = parseInt(value) + $num;
                            $.cookie('cookieobj', `${JSON.stringify(cookieobj)}`, { expires: 7, path: '/' });
                            // console.log(index, cookieobj[poi][`${colors}+${sizes}`])
                            // console.log(JSON.parse($.cookie('cookieobj')))
                        }
                    });
                    if (sign === true) {
                        cookieobj[poi][`${colors}+${sizes}`] = $num;
                        $.cookie('cookieobj', `${JSON.stringify(cookieobj)}`, { expires: 7, path: '/' });
                        // console.log(1)
                    }
                    // cookieobj[poi]
                }

            })
        };
        // --------------------------------------
    }



    return {
        jp: jp
    }
});